<ion-view view-title="消费记录">
    <ion-content padding="true">
        <div class="col-lg-12">
            <!--当前位置 start-->
            <div class="row">
                <div class="col-lg-12">
                    <ol class="breadcrumb">
                        <li><i class="fa fa-home mrg-r-sm"></i>首页
                        </li>
                        <li class="active"><span><a href="#/card">会员卡</a></span>
                        </li>
                        <li class="active"><span>消费记录列表页面</span>
                        </li>
                    </ol>
                </div>
            </div>
            <!--当前位置 end-->

            <div class="row">
                <div class="col-lg-12">
                    <div class="main-box no-header clearfix">
                        <div class="main-box-body clearfix" >
                                <div>
                                    <div class="">
                                        <div class="row" style="width: 100%">
                                            <div class="col" style="width: auto">会员卡号</div>
                                            <div class="col" style="width: auto">持卡人</div>
                                            <div class="col" style="width: auto">联系电话</div>
                                            <div class="col" style="width: auto">交易类型</div>
                                            <div class="col" style="width: auto">交易金额</div>
                                            <div class="col" style="width: auto">余额</div>
                                            <div class="col" style="width: auto">操作</div>
                                        </div>
                                        <div class="row " class="odd"  ng-repeat="item in list" ng-style="{'background-color' : $index >= mark && item.type =='pay' ? '#CCFFFF' : 'default'}">
                                            <div class="col">{{item.card_id}}</div>
                                            <div class="col">{{item.name}}</div>
                                            <div class="col">{{item.phone}}</div>
                                            <div class="col" ng-if="item.type == 'pay'">消费</div>
                                            <div class="col" ng-if="item.type == 'charge'">充值</div>
                                            <div class="col">{{item.fund}}</div>
                                            <div class="col">{{item.final_fund}}</div>
                                            <div class="col">
                                                <<a href="#/card/info/{{item.transaction_no}}">明细</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                        </div>
                    </div>

                </div>
            </div>

        </div>
    </ion-content>
</ion-view>

